<!--
  Generated template for the ToDoApprovalPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-navbar>
        <ion-title>待办审批</ion-title>
    </ion-navbar>

</ion-header>


<ion-content padding>
    <ion-refresher (ionRefresh)="doRefresh($event)" style="margin-top: 0;">
        <ion-refresher-content pullingText="下拉刷新" refreshingText="刷新中..."></ion-refresher-content>
    </ion-refresher>
    <ion-segment (ionChange)="segmentChanged($event)"   [(ngModel)]="type">
        <ion-segment-button value="1">
            <ion-label>未审批</ion-label>
        </ion-segment-button>
        <ion-segment-button value="2">
            <ion-label>已审批</ion-label>
        </ion-segment-button>
    </ion-segment>
    <ion-list >
        <div *ngIf="dataList.length==0" style="text-align: center">
            <div >
                <img src="assets/imgs/no-data.png" style="width: 300px;margin-top: 100px;">
            </div>
            <label style="font-size: 13px">~暂无数据~</label>

        </div>
        <div class="notify" *ngFor="let item of dataList" (click)="notifyHandler(item)">
            <div class="notifyLeft">
                <img src="assets/imgs/expense-img.png">
            </div>
            <div class="notifyRight">
                <div class="notifyTitle">
                    <label>{{item.BiaoTi}}</label>
                </div>
                <div class="notifyMsg">
                    <div class="jingBanBM" style="width: 70%;">{{item.ShenQingBM}}/{{item.ShenQingR}}</div>
                    <div class="time" style="width: 30%; text-align: right;">{{item.ShenQingSJ}}</div>
                </div>
            </div>
        </div>
    </ion-list>
    <ion-infinite-scroll *ngIf="!isEnd" (ionInfinite)="doInfinite($event)" threshold="100px">
        <ion-infinite-scroll-content
                loadingSpinner="bubbles"
                loadingText="加载中...">
        </ion-infinite-scroll-content>
    </ion-infinite-scroll>
    <div *ngIf="isEnd" class="isEnd">~已经到底了~</div>
</ion-content>
